<script lang="ts" setup>
import { useI18n } from 'vue-i18n'

import { defineMessage } from '@/locales'

import ProfileCard from './ProfileCard.vue'

import enUS from './locales/en-US.json' with { type: 'json' }
import zhCN from './locales/zh-CN.json' with { type: 'json' }

useI18n({ useScope: 'local', messages: defineMessage(enUS, zhCN) })
</script>

<template>
  <div class="flex">
    <ProfileCard />
  </div>
</template>
